<template>
  <div>
    <el-card shadow="never" class="mb20">
      <person-form @search="handleSearch" ref="personForm" />
    </el-card>
    <el-card shadow="never">
      <person-table ref="personTable" />
    </el-card>
    <!-- </el-card> -->
    <!-- <person-modal ref="personModal" /> -->
  </div>
</template>

<script>
import PersonForm from './PersonForm'
import PersonTable from './PersonTable'
export default {
  components: {
    PersonTable,
    PersonForm
  },
  data() {
    return {
      active: 'first'
    }
  },
  methods: {
    handleSearch(obj) {
      this.$refs.personTable.handleGetList(obj)
    },
    handleClick(tab, event) {
      // console.log('tab', tab, event)
      console.log('active', this.active)
    }
  }
}
</script>
